{{--{{ $mount->mount_name }}--}}
{{--{{ $mount->mount_mobile }}--}}
{{--{{ $mount->address }}--}}
{{--{{ $mount->machine->name }}--}}
{{--{{ Form::model($page, array('method' => 'put', 'route' => array('mounts.update', $mount->id),'id'=>'pages')) }}--}}
{{--<input type="hidden" name="type" value="{{ $type }}" >--}}
{{--@if($type == 13)--}}
{{--<select name="filters">--}}
{{--@foreach($filters as $filter)--}}
{{--<option value="{{ $mount->machine->$filter->id }}">{{ $mount->machine->$filter->name }}</option>--}}
{{--@endforeach--}}
{{--</select>--}}
{{--<select name="remark">--}}
{{--<option>1</option>--}}
{{--<option>2</option>--}}
{{--<option>3</option>--}}
{{--</select>--}}
{{--@endif--}}
{{--<input type="radio" name="date" value="下班后">下班后--}}
{{--<input type="radio" name="date" value="周末">周末--}}
{{--<input type="radio" name="date" value="不限">不限--}}
{{--@if($type != 13)--}}
{{--<textarea name="remark"></textarea>--}}
{{--@endif--}}
{{--<button type="submit">确认</button>--}}
{{--{{ Form::close() }}--}}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>雷谛净水器-用户中心</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="{{ URL::asset('front/style/reset.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ URL::asset('front/style/root.css') }}" />
<link rel="stylesheet" href="{{ URL::asset('front/fonts/font-awesome.min.css') }}">
<script type="text/javascript" src="{{ URL::asset('front/js/jquery.min.js') }}"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="{{ URL::asset('front/js/toogle.js') }}"></script>
</head>
<body>

    <!-- start header -->
    	<div id="header">
         <img src="{{ URL::asset('front/img/logo.png') }}" width="120" height="40" alt="logo" class="logo" />
         	<a href="javascript:void(0)" onclick="WeixinJSBridge.call('closeWindow');" class="button back">
         	    <img src="{{ URL::asset('front/img/wechat-button.png') }}" width="17" height="18" alt="icon" />
            </a>
         	<a href="{{ route('customers.index') }}" class="button create"><img src="{{ URL::asset('front/img/user.png') }}" width="16" height="16" alt="icon"/></a>
        <div class="clear"></div>
</div>
    <!-- end header -->


    <!-- start page -->
    <div class="page">


            <div class="simplebox">
<form id="pform" method="post" action="{{ route('pictures.upload') }}">
                <input type="hidden" name="id" value="{{ $id }}"/>
                <div class="content">
                    <h5>点击上传图片</h5>
                    <ul class="list-plus">
                    <input type="hidden" id="media_id" name="media_id" value="">
                    <img width="100%"  id="chooseImage" src="http://aebo.qiniudn.com/6.pic_hd.jpg" />
                    </ul>



                    <input type="button" name="button" id="uploadImage" value="&nbsp;上 传&nbsp;" class="reset-button" />

                </div>
</form>
      </div>






            <!-- start top button -->
            <div class="topbutton"><a href="#header"><span>Top</span></a></div>
            <!-- end top button -->



            <!-- start footer -->
            <div class="footer">
            © 2014 - 2015  邦顶科技 <a href="http://www.o2bang.com">www.o2bang.com</a> </div>
            <!-- end footer -->




    <div class="clear"></div>
    </div>
    <!-- end page -->
<script type="text/javascript" src="{{ URL::asset('front/js/frame.js') }}"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".agreement").click(function(){
    $(".agreement_content").slideToggle();
  });
});

$("#slideup").click(function(){
  $(".agreement_content").slideUp();
});
function submitform(){
    $('#pform').submit();
}
</script>

<script>
  /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
  wx.config({
    debug: false,
    appId: '{{ $signPackage["appId"] }}',
    timestamp: {{ $signPackage["timestamp"] }},
    nonceStr: '{{ $signPackage["nonceStr"] }}',
    signature: '{{ $signPackage["signature"] }}',
    jsApiList: [

        'chooseImage',
        'previewImage',
        'uploadImage',
        'downloadImage',


    ]
  });
</script>
<script>
/*
 * 注意：
 * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
 * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
 * 3. 完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
 *
 * 如有问题请通过以下渠道反馈：
 * 邮箱地址：weixin-open@qq.com
 * 邮件主题：【微信JS-SDK反馈】具体问题
 * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
 */
wx.ready(function () {


  // 5 图片接口
  // 5.1 拍照、本地选图
  var images = {
    localId: [],
    serverId: []
  };
  document.querySelector('#chooseImage').onclick = function () {
    wx.chooseImage({
      success: function (res) {
        images.localId = res.localIds;
          $("#chooseImage").attr("src",res.localIds);
      }
    });
  };


  // 5.3 上传图片
  document.querySelector('#uploadImage').onclick = function () {
    if (images.localId.length == 0) {
      alert('请先使用 chooseImage 接口选择图片');
      return;
    }
    var i = 0, length = images.localId.length;
    images.serverId = [];
    function upload() {
      wx.uploadImage({
        localId: images.localId[i],
        success: function (res) {
          i++;
          $('#media_id').val(res.serverId);

          alert('上传成功');
          submitform();
          images.serverId.push(res.serverId);
          if (i < length) {
            upload();
          }
        },
        fail: function (res) {
          alert(JSON.stringify(res));
        }
      });
    }
    upload();
  };



});

wx.error(function (res) {
  alert(res.errMsg);
});
</script>
</body>
</html>